<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<style>
			*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: '幼圆';color:#323232;}
			html{font-size: calc(100/750*100vw);}
			a {
  					-webkit-tap-highlight-color: transparent;
 					 -webkit-touch-callout: none;
  					-webkit-user-select: none;}
 			h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight:200;}
 			body{background: #F0F0F0;}
 			section{background: #FAFAFA;margin-top: 1.26rem;}
 			section div{width: 6.9rem;margin-left: .2rem;border-bottom: .01rem solid #C1C1C1;position: relative;}
 			section div a{display: block;}
 			section div img{width:2.41rem ;margin-top: .2rem;}
 			section div h1{font-size: .32rem;position: absolute;left: 2.55rem;top: .2rem;}
 			section div p{font-size: .24rem;position: absolute;left: 2.55rem;top: .6rem;color: #909090;}
 			section div h2{font-size: .2rem;position: absolute;left: 2.55rem;top: 1.65rem;color: #909090;}
 			section div h3{font-size: .28rem;position: absolute;right: 0rem;top: 1.6rem;color: #8FC31F;}
 			section div h4{font-size: .2rem;position: absolute;left: .1rem;top: 1.6rem;color: #fafafa;}
		</style>
	</head>
	<body>
		<section>
				<div><a href="lesson-info.html">
					<img src="img/four/four-mylesson.png" />
					<h1>孕期理疗瑜伽</h1>
					<p>理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量...</p>
				</a>
					<h2>参与人数:500人</h2>
					<h3>￥99.00元</h3>
					<h4>50:01</h4>
				</div>
				<div><a href="lesson-info.html">
					<img src="img/four/four-mylesson1.png" />
					<h1>孕期理疗瑜伽</h1>
					<p>理疗瑜伽可针对不同孕妈妈的情况,对不同部位进行强化锻炼,如增强核心力量...</p>
				</a>
					<h2>参与人数:500人</h2>
					<h3>￥99.00元</h3>
					<h4>50:01</h4>
				</div>
		</section>
	</body>
</html>
